<template>
	<div class="view">
        <div class="container">
        	<div class="prod-info">
        		<div class="swiper-container">
	                <div class="swiper-wrapper">
	                    <div class="swiper-slide"><img src="/static/images/p15.jpg" alt=""></div>
	                    <div class="swiper-slide"><img src="/static/images/p15.jpg" alt=""></div>
	                    <div class="swiper-slide"><img src="/static/images/p15.jpg" alt=""></div>
	                </div>
	                <div class="swiper-pagination"></div>
	            </div>
				
				<div class="time justify">
					<div class="limit">限时抢购</div>
		            <div class="left-time-wrap">
	                    <!--    把倒计时的时间转成毫秒数给 left_time_int属性   -->
	                    还剩<span class="left-time" left_time_int="1451881"></span>停止销售
	                </div>
	            </div>
	            <div class="box buy-info">
	            	<div class="justify">	            		
	            		<div class="price">
	            			<h3>劲道小鱿鱼</h3>
	            			<span class="p1">￥36</span>
	            			<span class="p2"><del>￥76</del></span>
	            			<span class="kc">库存132件</span>
	            		</div>
	            		<div class="sale-tag">3折</div>
	            	</div>
	            	<div class="xiangou"><i>限</i>每用户限购5件</div>
	            	<div class="tag">
	            		<span>不可用券</span>
	            		<span>不返券返现</span>
	            		<span>满百包邮</span>
	            	</div>
	            </div>
	            <div class="box kouhao"><img src="/static/images/slogan.jpg" alt=""></div>
                <div class="box prod-brand">
                    <div class="justify">
                        <div class="l">
                            <img src="/static/images/p16.jpg" style="width.98rem;height:.98rem" alt="">
                            <h3>无印良品</h3>
                            <p><span>59个</span>在售商品</p>
                        </div>
                        <div class="r">
                            <a href="">进入品牌</a>
                        </div>
                    </div>
                </div>
                <div class="prod-detail g">
                    <ul class="list">
                        <li>货号：HN00161110041</li>
                        <li>尺寸：50g</li>
                        <li>保质期：2017-10-01</li>
                    </ul>
                    <div class="article">
                        <img src="/static/images/p17.jpg"  alt="">
                    </div>
                </div>

                <div class="buy-btn">
                    <ul class="col-2">
                        <li class="col-2">
                            <a href="" class="icon service-icon">客服</a>
                            <a href="" class="icon cart-icon">购物车<span class="cart-count">3</span></a>
                        </li>
                        <li>
                            <a href="" class="buy-cart">加入购物车</a>
                        </li>
                    </ul>
                </div>
        	</div>
            <div class="backtop"><a href="#"><img src="/static/images/backtop.png" style="width:.7rem" alt=""></a></div>
        </div>      
    </div>
</template>

<script>
	export default{
		name:'details',
		deta () {
			return{

			}
		}
	}
</script>

<style scoped>
	
</style>